<!DOCTYPE HTML>
<!--
	Dimension by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<title>Dimension by HTML5 UP</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" />
	</noscript>
</head>

<body class="is-preload">

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Header -->
		<header id="header">
			<div class="logo">
				<span class="icon fa-gem"></span>
			</div>
			<div class="content">
				<div class="inner">
					<h1>Gu Embroidery</h1>
					<p>
						Gu embroidery (Gu Xiu) is a style of Chinese decorative needlework with<br>
						 fine floss silk thread in various colours on a silk background. It is <br>
						 one style of the Chinese embroidery while the other four major regional<br>
						styles are Suzhou embroidery
					</p>
				</div>
			</div>
			<nav>
				<ul>

					<li><a href="#work">English</a></li>
					<li><a href="#about">JAPANESE</a></li>

					<!--<li><a href="#elements">Elements</a></li>-->
				</ul>
			</nav>
		</header>

		<!-- Main -->
		<div id="main">


			<!-- Work -->
			<article id="work">
				<h2 class="major">Gu Embroidery</h2>
				<span class="image main"><img src="images/pic04.jpg" alt="" /></span>
				<p>
					Gu embroidery (Gu Xiu) is a style of Chinese decorative needlework with fine floss silk thread in
					various colours on a
					silk background. It is one style of the Chinese embroidery while the other four major regional
					styles are Suzhou
					embroidery (Su Xiu), Hunan embroidery (Xiang Xiu), Guangdong embroidery (Yue Xiu) and Sichuan
					embroidery (Shu Xiu). Gu
					embroidery is the only one named after the surname. In 2006, it was nominated as the Chinese
					Intangible Cultural
					Heritage.
				</p>
				<h1>History</h1>
				<p>
					Gu embroidery originated from the household of Gu Mingshi in Songjiang, Jiangsu Province, which is
					also named Lu Xiang
					Yuan embroidery after the place where the Gu family lived. Gu Mingshi was a successful candidate in
					the highest imperial
					examination of the Ming Dynasty (1368-1644). The inventor of Gu embroidery was a woman with the
					surname Miao, who was
					the concubine of Gu Mingshi's first son, Gu Huihai. Later, Han Ximeng, the wife of the second
					grandson developed the
					skill and was reputed as "Needle Saint". Thus, Gu embroidery came into being.
				</p>
				<p>After the death of Gu Mingshi, the living condition of the family began to deteriorate so the Gu
					embroidery was put onto
					the market. Initiated by the men of letters such as Dong Qichang in the south of the Yangtze River,
					some government-run
					or private embroidery workshop called their products Gu embroidery so as to cultivate the fame.
				</p>
				<p>
					After the Qing Dynasty (1644-1911), Gu embroidery was widespread in neighboring areas around
					Shanghai. Many women tried
					to imitate the skills; businesspeople opened embroidery workshops and purchased Gu embroidery works.
					As a result, Gu
					embroidery became famous nationwide. After the reign of Jiaqing (1796-1821), Gu embroidery gradually
					lost its fame and
					almost no one mastered the skill. It was not until the founding of new China that this skill
					regained some development.
				</p>
				<p>
					In 2006, listed as an intangible cultural heritage, Gu embroidery was rediscovered and passed on in
					an orderly manner.
				</p>
				<h1>
					Characteristic
				</h1>
				<p>Gu embroidery is specialized in combining painting and calligraphy with embroidery. Embroiderers
					“paint with needles as
					pens, threads as ink”. The silk threads used in Gu embroidery are thinner than human hair, which
					needs to be spilt into
					32 or 64 strands before embroidering. The needle used has a tail fineness of less than 1mm and more
					than 1500 match
					colors are fine and ingenious. The landscape, figures, flowers and birds on the embroidery are all
					very vivid and
					favored by both feudal officials and ordinary people.
				</p>
				<h1>
					Current situation
				</h1>
				<p>
					In recent years, the Songjiang District Government is actively trying to find ways to protect,
					inherit and develop Gu
					embroidery. At present, Songjiang Cultural Center has been cooperating with the local school to open
					up Gu embroidery
					classes, and many students are interested in learning the basic techniques of it. In addition,
					Songjiang Cultural and
					Broadcasting Bureau signed contracts with a university to carry out a series of Gu embroidery
					inheritance and
					application courses.
				</p>
				<p>
					Since Gu embroidery is a slow and skilled work, and newcomers have to practice the basic skills for
					three or more than
					three years, there are fewer and fewer people can get down to do it. So, the shortage of inheritor
					is still the biggest
					problem faced by Gu embroidery nowadays.
				</p>
				<h1>
					References
				</h1>
				<a href="https://en.wikipedia.org/wiki/Chinese_embroidery">https://en.wikipedia.org/wiki/Chinese_embroidery
				</a>
				<a href="https://trc-leiden.nl/trc-needles/regional-traditions/east-asia/china/gu-embroidery">https://trc-leiden.nl/trc-needles/regional-traditions/east-asia/china/gu-embroidery
				</a>
				<a
					href="http://en.chinaculture.org/gb/en_artqa/2003-09/24/content_38064.html">http://en.chinaculture.org/gb/en_artqa/2003-09/24/content_38064.htm</a>
			</article>

			<!-- About -->
			<article id="about">
				<h2 class="major">顧繍</h2>
				<span class="image main"><img src="images/pic05.jpg" alt="" /></span>
				<p>
					顧繍、上海市民間伝統美術、国家級無形文化遺産の一つ。
					顧繍は明嘉靖年間に源を発し、露香園は名世の妾である繆氏が人物、仏像の刺繍を得意とし、また顧嫁の韓氏が宋元の真似をして刺繍に入れ、糸を割って細かく、刺繍品の気韻が生き生きとしていたため、名声が一時的に高まった。顧繡精工奪巧、同侪はその背を見ることができなくて、人は器用で天工を極めて、間違いは奇なり。顧繍刺繍品の多くは家庭の女紅で、世では「韓媛繍」と呼ばれ、基本的に家の蔵や贈り物に使われている。


				</p>
				<p>
					中国の刺繍技術の発展の歴史の上で、本当に絵刺繍で世に知られ、そして絵刺繍の発展に大きな影響を与えたのは、明代の顧刺繍である。顧繍は、技法が優れており、形式が典雅で、芸術性が極めて高いことで知られている。清代の四大名が「蘇繍、広東繍、湘繍、蜀繍」を刺繍したいくつかの針法に至るまで、自分の一方の特色はあるが、巧鑑と顧繍針法を運用する優れた点もある。

				</p>
			</article>



			<!-- Elements -->
			<article id="elements">
				<h2 class="major">Elements</h2>

				<section>
					<h3 class="major">Text</h3>
					<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is
						<em>emphasized</em>.
						This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
						This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a
							href="#">this is a link</a>.
					</p>
					<hr />
					<h2>Heading Level 2</h2>
					<h3>Heading Level 3</h3>
					<h4>Heading Level 4</h4>
					<h5>Heading Level 5</h5>
					<h6>Heading Level 6</h6>
					<hr />
					<h4>Blockquote</h4>
					<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus
						euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis
						iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem
						ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
					<h4>Preformatted</h4>
					<pre><code>i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
				</section>

				<section>
					<h3 class="major">Lists</h3>

					<h4>Unordered</h4>
					<ul>
						<li>Dolor pulvinar etiam.</li>
						<li>Sagittis adipiscing.</li>
						<li>Felis enim feugiat.</li>
					</ul>

					<h4>Alternate</h4>
					<ul class="alt">
						<li>Dolor pulvinar etiam.</li>
						<li>Sagittis adipiscing.</li>
						<li>Felis enim feugiat.</li>
					</ul>

					<h4>Ordered</h4>
					<ol>
						<li>Dolor pulvinar etiam.</li>
						<li>Etiam vel felis viverra.</li>
						<li>Felis enim feugiat.</li>
						<li>Dolor pulvinar etiam.</li>
						<li>Etiam vel felis lorem.</li>
						<li>Felis enim et feugiat.</li>
					</ol>
					<h4>Icons</h4>
					<ul class="icons">
						<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
						<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
						<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
						<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
					</ul>

					<h4>Actions</h4>
					<ul class="actions">
						<li><a href="#" class="button primary">Default</a></li>
						<li><a href="#" class="button">Default</a></li>
					</ul>
					<ul class="actions stacked">
						<li><a href="#" class="button primary">Default</a></li>
						<li><a href="#" class="button">Default</a></li>
					</ul>
				</section>

				<section>
					<h3 class="major">Table</h3>
					<h4>Default</h4>
					<div class="table-wrapper">
						<table>
							<thead>
								<tr>
									<th>Name</th>
									<th>Description</th>
									<th>Price</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Item One</td>
									<td>Ante turpis integer aliquet porttitor.</td>
									<td>29.99</td>
								</tr>
								<tr>
									<td>Item Two</td>
									<td>Vis ac commodo adipiscing arcu aliquet.</td>
									<td>19.99</td>
								</tr>
								<tr>
									<td>Item Three</td>
									<td> Morbi faucibus arcu accumsan lorem.</td>
									<td>29.99</td>
								</tr>
								<tr>
									<td>Item Four</td>
									<td>Vitae integer tempus condimentum.</td>
									<td>19.99</td>
								</tr>
								<tr>
									<td>Item Five</td>
									<td>Ante turpis integer aliquet porttitor.</td>
									<td>29.99</td>
								</tr>
							</tbody>
							<tfoot>
								<tr>
									<td colspan="2"></td>
									<td>100.00</td>
								</tr>
							</tfoot>
						</table>
					</div>

					<h4>Alternate</h4>
					<div class="table-wrapper">
						<table class="alt">
							<thead>
								<tr>
									<th>Name</th>
									<th>Description</th>
									<th>Price</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>Item One</td>
									<td>Ante turpis integer aliquet porttitor.</td>
									<td>29.99</td>
								</tr>
								<tr>
									<td>Item Two</td>
									<td>Vis ac commodo adipiscing arcu aliquet.</td>
									<td>19.99</td>
								</tr>
								<tr>
									<td>Item Three</td>
									<td> Morbi faucibus arcu accumsan lorem.</td>
									<td>29.99</td>
								</tr>
								<tr>
									<td>Item Four</td>
									<td>Vitae integer tempus condimentum.</td>
									<td>19.99</td>
								</tr>
								<tr>
									<td>Item Five</td>
									<td>Ante turpis integer aliquet porttitor.</td>
									<td>29.99</td>
								</tr>
							</tbody>
							<tfoot>
								<tr>
									<td colspan="2"></td>
									<td>100.00</td>
								</tr>
							</tfoot>
						</table>
					</div>
				</section>

				<section>
					<h3 class="major">Buttons</h3>
					<ul class="actions">
						<li><a href="#" class="button primary">Primary</a></li>
						<li><a href="#" class="button">Default</a></li>
					</ul>
					<ul class="actions">
						<li><a href="#" class="button">Default</a></li>
						<li><a href="#" class="button small">Small</a></li>
					</ul>
					<ul class="actions">
						<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
						<li><a href="#" class="button icon solid fa-download">Icon</a></li>
					</ul>
					<ul class="actions">
						<li><span class="button primary disabled">Disabled</span></li>
						<li><span class="button disabled">Disabled</span></li>
					</ul>
				</section>

				<section>
					<h3 class="major">Form</h3>
					<form method="post" action="#">
						<div class="fields">
							<div class="field half">
								<label for="demo-name">Name</label>
								<input type="text" name="demo-name" id="demo-name" value="" placeholder="Jane Doe" />
							</div>
							<div class="field half">
								<label for="demo-email">Email</label>
								<input type="email" name="demo-email" id="demo-email" value=""
									placeholder="jane@untitled.tld" />
							</div>
							<div class="field">
								<label for="demo-category">Category</label>
								<select name="demo-category" id="demo-category">
									<option value="">-</option>
									<option value="1">Manufacturing</option>
									<option value="1">Shipping</option>
									<option value="1">Administration</option>
									<option value="1">Human Resources</option>
								</select>
							</div>
							<div class="field half">
								<input type="radio" id="demo-priority-low" name="demo-priority" checked>
								<label for="demo-priority-low">Low</label>
							</div>
							<div class="field half">
								<input type="radio" id="demo-priority-high" name="demo-priority">
								<label for="demo-priority-high">High</label>
							</div>
							<div class="field half">
								<input type="checkbox" id="demo-copy" name="demo-copy">
								<label for="demo-copy">Email me a copy</label>
							</div>
							<div class="field half">
								<input type="checkbox" id="demo-human" name="demo-human" checked>
								<label for="demo-human">Not a robot</label>
							</div>
							<div class="field">
								<label for="demo-message">Message</label>
								<textarea name="demo-message" id="demo-message" placeholder="Enter your message"
									rows="6"></textarea>
							</div>
						</div>
						<ul class="actions">
							<li><input type="submit" value="Send Message" class="primary" /></li>
							<li><input type="reset" value="Reset" /></li>
						</ul>
					</form>
				</section>

			</article>

		</div>

		<!-- Footer -->
		<!-- <footer id="footer">
			<p class="copyright">&copy; Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
		</footer> -->

	</div>

	<!-- BG -->
	<div id="bg"></div>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>